import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 配置vant组件库 完整导入组件库
// import Vant from 'vant'
import Vant, { Lazyload } from 'vant'

// 导入vant组件库样式 只有less格式才支持主题定制
import 'vant/lib/index.less'

// 导入rem适配的包 用于动态设置 rem 基准值
import 'amfe-flexible'

// 导入 dayjs 的核心模块
import dayjs from 'dayjs'

// 导入计算相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'

// 导入中文语言包
import zh from 'dayjs/locale/zh-cn'

// 配置“计算相对时间”的插件 extend装插件
dayjs.extend(relativeTime)

// 配置中文语言包 locale配置语言包
dayjs.locale(zh)

// 配置过滤器 过滤器本质是一个函数，第一个形参永远是待处理的数据{{待处理数据|过滤器名字}}
// 调用过滤器 {{xxxx | 过滤器的名字}}，管道符（|） 左边的xxxx就是传入过滤器的数据
// Vue.filter('过滤器的名字',)
// time 参数是文章的发表时间 在ArtItem中调用
Vue.filter('dateFormat', function (time) {
  // 调用 dayjs() 得到的是当前的时间
  // .to() 方法的返回值，是计算出来的“相对时间”
  return dayjs().to(time)
})

Vue.use(Vant)
// 将vant里的lazyload注册为全局自定义指令
Vue.use(Lazyload)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
